<script setup lang="ts">
import Base from './base.vue'
import tools from './tools.vue';
import plotting from './plotting/index.vue'
import Road from './road/index.vue'
import dataLayer from './dataLayer/index.vue'

</script>

<template>
  <div class="TabsBox">
    <div>
      <Base></Base>
      <tools></tools>
      <dataLayer></dataLayer>
      <Road></Road>
      <plotting></plotting>
    </div>
  </div>
</template>

<style scoped>
.TabsBox {
  position: fixed;
  right: 0;
  top: 15%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: rgba(29, 30, 34,.8);
  width: 80px;
  padding: 30px 0;
}
</style>
